import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import installElementPlus from './plugins/element'
import VueMarkdownEditor from '@kangc/v-md-editor';
import '@kangc/v-md-editor/lib/style/base-editor.css';
import vuepressTheme from '@kangc/v-md-editor/lib/theme/vuepress.js';
import '@kangc/v-md-editor/lib/theme/style/vuepress.css';
import createLineNumbertPlugin from '@kangc/v-md-editor/lib/plugins/line-number/index';
import createHighlightLinesPlugin from '@kangc/v-md-editor/lib/plugins/highlight-lines/index';
import '@kangc/v-md-editor/lib/plugins/highlight-lines/highlight-lines.css';
import VMdPreview from '@kangc/v-md-editor/lib/preview';
import '@kangc/v-md-editor/lib/style/preview.css';
import Prism from 'prismjs';
VueMarkdownEditor.use(vuepressTheme,{
    Prism,
})
VueMarkdownEditor.use(createHighlightLinesPlugin())
VMdPreview.use(vuepressTheme,{
    Prism,
})
VMdPreview.use(createHighlightLinesPlugin())
VMdPreview.use(createLineNumbertPlugin())
const app = createApp(App)
installElementPlus(app)
VueMarkdownEditor.use(createLineNumbertPlugin())
app.use(router).use(VueMarkdownEditor).use(VMdPreview).mount('#app')